<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Rich ED</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="../../os3jslib/css/lightbox.css" />

<link rel="stylesheet" type="text/css" href="../button/button.css" />
<link rel="stylesheet" type="text/css" href="../toolbar/toolbar.css" />
<link rel="stylesheet" type="text/css" href="htmled.css" />
<link rel="stylesheet" type="text/css" href="plugins/edit/edit.css" />
<link rel="stylesheet" type="text/css" href="plugins/html/html.css" />
<link rel="stylesheet" type="text/css" href="plugins/list/list.css" />
<link rel="stylesheet" type="text/css" href="plugins/table/table.css" />
<link rel="stylesheet" type="text/css" href="plugins/text_align/text_align.css" />
<link rel="stylesheet" type="text/css" href="plugins/text_styles/text_styles.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/array_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/form.js"></script>
<script type="text/javascript" src="../../os3jslib/lightbox.js"></script>
<script type="text/javascript" src="../../os3jslib/fx.js"></script>
<script type="text/javascript" src="../wwl.js"></script>

<script type="text/javascript" src="../button/button.js"></script>
<script type="text/javascript" src="../toolbar/toolbar.js"></script>

<script type="text/javascript" src="editor.js"></script>
<script type="text/javascript" src="plugins/edit.js"></script>
<script type="text/javascript" src="plugins/text_styles.js"></script>
<script type="text/javascript" src="plugins/text_align.js"></script>
<script type="text/javascript" src="plugins/list.js"></script>
<script type="text/javascript" src="plugins/html.js"></script>
<script type="text/javascript" src="plugins/table.js"></script>


<script type="text/javascript">
/* =====================================================================================
   TEST AREA
===================================================================================== */
var ed;

function init ()
{
	ed = HTMLEdManager.create ( 'test1', 'html', [ 'text_styles', 'table' ] );

	var f = new liwe.form.instance ( "hform", "" );
	f.htmlarea ( { name: "hh", id: "hh" } );
	f.htmlarea ( { name: "hh2", id: "hh2" } );
	f.htmlarea ( { name: "hh3", id: "hh3", plugins: [ 'edit', 'html' ] } );
	f.set ( "hform" );
}

function get_html ()
{
	var s = ed.get_html ();
	$ ( "html2" ).value = s;
}

function set_html ()
{
	var s = $ ( "html2" ).value;
	ed.set_html ( s );
}

</script>
</head>
<body bgcolor="#ffffff" onload="init()">

<div>
<div id="edit_menubar">&nbsp;</div>
<textarea id="html" cols="100" rows="20"></textarea>
</div>

<div>
<br />
<button type="button" onclick="get_html()">Get HTML</button>&nbsp;<button type="button" onclick="set_html()">Set HTML</button>
<br />
<br />
<textarea id="html2" rows="10" cols="80"></textarea>
</div>

<div id="hform"></div>


</body>
</html>
